<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<style type="text/css">
			.head{
				background: #3366CC;
			}
			.head a{
				color: white;
			}
			.head h1{
				color:white;
			}
			#desearch{
				
			}
			#seainput{
				background: white;
			}
		</style>
	</head>

	<body>
		<script src="js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
		<header class="mui-bar mui-bar-nav head" >
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">管理图书搜索</h1>
		</header>
		<div class="mui-content">
		    <!--搜索框-->
	    <div class="mui-input-row mui-search" id="desearch">
		    <input type="search" class="mui-input-clear" id="seainput" placeholder="查询管理图书">
		</div>
		</div>
		
		<ul class="mui-table-view">
		    <li class="mui-table-view-cell mui-media">
		        <a href="javascript:;" id="adssearch">
		            <img class="mui-media-object mui-pull-left" src="http://placehold.it/40x30">
		            <div class="mui-media-body">
		                幸福
		                <p class="mui-ellipsis">能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
		            </div>
		        </a>
		    </li>
		    <li class="mui-table-view-cell mui-media">
		        <a href="javascript:;">
		            <img class="mui-media-object mui-pull-left" src="http://placehold.it/40x30">
		            <div class="mui-media-body">
		                木屋
		                <p class="mui-ellipsis">想要这样一间小木屋，夏天挫冰吃瓜，冬天围炉取暖.</p>
		            </div>
		        </a>
		    </li>
		    <li class="mui-table-view-cell mui-media">
		        <a href="javascript:;">
		            <img class="mui-media-object mui-pull-left" src="http://placehold.it/40x30">
		            <div class="mui-media-body">
		                CBD
		                <p class="mui-ellipsis">烤炉模式的城，到黄昏，如同打翻的调色盘一般.</p>
		            </div>
		        </a>
		    </li>
		</ul>
		
	</body>
	<script>
		document.getElementById('adssearch').addEventListener('tap', function() {
		  //打开关于页面
		  mui.openWindow({
		    url: 'details.html', 
		    id:'details'
		  });
		});
	</script>

</html>